body {
	width: 100%;
	background: #c0c0c0;
	margin: 0;
	padding: 0;
}

table {
	font-size: 14px;
	border: 0;
}



.showList td table {
    margin-bottom: 20px;
}

.showList img{width: 100%;border:1px solid #C4C4C4;height: 120px;}
.showList .public-info-title{font-size:1.2em;color:#636363;font-family:Candara;line-height:2em;font-weight:bold;}
.showList .public-info-describe{font-size:.9em;color:#C4C4C4;font-family:"Candara";line-height:.5em;}
.showList .public-info-describe .acreage{color: #6296EE;font-weight: bold;}
.showList .public-info-describe .price{color: red;font-weight: bold;}
.showList .pubic-info-btn{text-align:center;font-size:1em; text-transform:capitalize; text-decoration:none; padding:.8em 1.5em;  background-color:#ACC700;color:#fff;font-family: Candara;letter-spacing:1px;font-weight: bold;}

@media (min-width: 1200px)
.main-container {
    width: 800px;
}


@media only screen and (max-width: 800px) {
	.main-container {
		width: 754px !important;
	}
}

@media only screen and (max-width: 768px) {
	.main-container {
		width: 700px !important;
	}
	.middle-container {
		width: 620px;
	}
	.trends {
		width: 189px;
	}
	.gallery {
		width: 176px;
	}
}

@media only screen and (max-width: 640px) {
	.main-container {
		width: 580px !important;
	}
	.middle-container {
		width: 500px;
	}
	.banner {
		height: 160px;
	}
	.log {
		font-size: .85em;
	}
	.social {
		height: 5px;
	}
	.banner-text {
		font-size: 3em !important;
	}
	.season {
		font-size: 2em !important;
	}
	.trends {
		width: 160px;
	}
	.member {
		width: 10px
	}
	.gallery {
		width: 146px;
	}
	.member1 {
		width: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.main-container {
		width: 400px !important;
	}
	.middle-container {
		width: 355px;
	}
	.log {
		font-size: .65em;
	}
	.banner {
		height: 100px;
	}
	.banner1 {
		height: 80px;
	}
	.banner-text {
		font-size: 2.5em !important;
	}
	.season {
		font-size: 1.8em !important;
	}
	.trends {
		width: 355px;
		font-size: .965em;
	}
	.gallery {
		width: 350px;
	}
	.trend {
		margin: 2em 0;
	}
	.social {
		height: 1px;
	}
	.banner1 {
		height: 70px;
	}
}

@media only screen and (max-width: 320px) {
	.main-container {
		width: 295px !important;
	}
	.middle-container {
		width: 276px;
	}
	.banner {
		height: 66px;
	}
	.gallery {
		width: 273px;
	}
	.trends {
		width: 278px;
	}
	.banner-text {
		font-size: 2em !important;
	}
	.season {
		font-size: 1.6em !important;
	}
	.season1 {
		font-size: 1.2em !important;
	}
	.banner1 {
		height: 45px;
	}
	.top-head {
		height: 3px;
	}
	.top {
		height: 30px;
	}
	.trend {
		margin: 1em 0;
	}
}






